<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width: 850px;
            height: 50px;
            
            margin: 90px 390px;
            position: relative;
  }
.one{
    display: inline-block;
    width: 256px;
    height: 80px;
    
    background-image: url(imag/hao123\ logo.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -19px;
    left: -60px;
    transform: scale(0.55);
}
#two{
    width: 645px;
    height: 40px;
    border: 2px solid rgb(8, 106, 244);
    border-radius: 7px;
    position: absolute;
    top: 0px;
    left: 160px;
    color: grey;
}

.three{
    width: 125px;
    height: 42px;
    border-radius: 0px 7px 7px 0px;
    background-color: rgb(21, 101, 222);
    color: white;
    position: absolute;
    top: 2px;
    right: 35px;
    font-size: 20px;
    border-style: none;
}
    </style>
</head>
<body>
    <div>
        
            <a href="https://www.baidu.com/?tn=sitehao123&H123Tmp=nunew11" class="one"></a>
            <form action="" method="post" name="百度一下">
            <input type="text" id="two" name="be" >
           
             <input type="submit"  class="three" value="百度一下">
            </form>
    </div>
</body>
</html>